<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    {{ if or .Params.author .Site.Author.name }} {{/* author */}}
      <meta name="author" content="{{- or .Params.author .Site.Author.name -}}">
    {{ end }}

    {{ if or .Keywords .Site.Params.keywords }} {{/* keywords */}}
      {{ $keywords := slice }}
      {{ with .Params.keywords }}
      {{ $keywords = . }}
      {{ else }}
      {{ with .Site.Params.keywords }}
      {{ $keywords = . }}
      {{ end }}
      {{ end }}
      <meta name="keywords" content="{{ range $index, $value := $keywords }}{{ if gt $index 0 }},{{ end }}{{ $value }}{{ end }}">
    {{ end }}

    {{ if or .Description .Site.Params.description }} {{/* description*/}}
      <meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}">
    {{ end }}

    {{ $title := printf "%s 🌟 %s" "404" .Site.Title }}
    <title>{{- $title -}}</title>

    {{/* style */}}
    {{ $sass := resources.Get "scss/404/index.scss" }}
    {{ $options := (dict "targetPath" "assets/css/404.min.css" "outputStyle" "compressed") }}
    {{ $style := $sass | resources.ToCSS $options | resources.Fingerprint "sha256" }}
    <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}">

    {{/* script */}}
    {{- $js := resources.Get "ts/404.ts" -}}
    {{- $opts := dict "targetPath" "assets/js/404.min.js" "minify" hugo.IsProduction -}}
    {{- $script := $js | js.Build $opts | resources.Fingerprint "sha256" -}}
    <script src="{{ $script.Permalink }}" integrity="{{ $script.Data.Integrity }}"></script>

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Display:wght@900&display=swap" rel="stylesheet">
  </head>
<body>
  <main class="container">
    <div class="bg-text">
      <h1 class="text">404</h1>
      <h1 class="bg">404</h1>
    </div>

    <div class="btn-box">
      <a href="{{ .Site.BaseURL | safeURL }}" class="soft-size--primary soft-style--box soft-style--active">
        <svg class="icon icon-home" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
          <path d="M671.5 155.88h61.44a18.14 18.14 0 0 1 18.16 18.12v154.84h-97.74V174a18.14 18.14 0 0 1 18.14-18.12z" fill="#9775FA"></path>
          <path d="M792.22 356.46V731.8A72.24 72.24 0 0 1 720 804H304.12a72.24 72.24 0 0 1-72.3-72.2V355.26L390 228.34h242.64z" fill="#F06595"></path>
          <path d="M880 469.24a54.34 54.34 0 0 1-68 13.76 57.28 57.28 0 0 1-8.24-5.48L538.46 264.5a43.42 43.42 0 0 0-54.34 0L220.2 476.2a52.24 52.24 0 0 1-8.2 5.46 54.18 54.18 0 0 1-59.72-89.9l59.72-48L381.42 208l102.74-82.42a43.42 43.42 0 0 1 54.34 0L641.18 208 812 345.16l59.72 48a54.14 54.14 0 0 1 8.28 76.08z" fill="#845EF7"></path>
          <path d="M447.12 554.2h129.78a20.4 20.4 0 0 1 20.4 20.4V804h-170.56V574.6a20.4 20.4 0 0 1 20.38-20.4z" fill="#E64980"></path>
        </svg>
        {{ i18n "404_page.btn1" }}
      </a>
      <a href="{{ .Site.BaseURL | safeURL }}index.xml" class="soft-size--primary soft-style--box soft-style--active">
        <svg class="icon icon-map" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
          <path d="M512.104171 564.606307H760.447609l3.750153 12.708851 87.086877 296.470396 6.666938 22.292574h-345.847406z" fill="#00897B"></path>
          <path d="M276.677925 564.606307h235.426246v331.471821H166.048423l93.753815-318.76297 3.750153-12.708851z" fill="#26A69A"></path>
          <path d="M721.279349 353.556053c0 91.878739-88.128586 212.716989-154.17294 303.345676-15.208952 21.042523-29.376195 40.418311-40.834995 57.085657l-14.375585 21.250864-14.375585-21.459206c-11.250458-16.667345-25.209359-36.043133-40.418311-57.085656-65.836012-91.045371-154.381282-213.550356-154.381282-304.387386 0-61.877518 23.334283-117.296439 60.835809-157.506409 38.126551-41.043337 90.83703-66.044354 148.547711-66.044354 57.710682 0 110.42116 25.417701 148.547711 66.461038 37.293184 40.418311 60.627467 96.253917 60.627467 158.339776z" fill="#FFCC80"></path>
          <path d="M512.104171 430.850865c-27.501119 0-52.293795-11.042116-70.419532-28.959512-18.125738-17.917396-29.376195-42.710071-29.376195-69.794507 0-27.292777 11.250458-51.877111 29.376195-69.794506 18.125738-17.917396 42.918413-28.959512 70.419532-28.959512 27.501119 0 52.293795 11.042116 70.419532 28.959512 18.125738 17.917396 29.376195 42.710071 29.376195 69.794506 0 27.292777-11.250458 51.877111-29.376195 69.794507-18.125738 17.917396-43.126755 28.959512-70.419532 28.959512z" fill="#FFA726"></path>
        </svg>
        {{ i18n "404_page.btn2" }}
      </a>
    </div>
  </main>

  {{- template "_internal/google_analytics.html" . -}}
</body>
</html>